<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="irstheme">

    <title> Dustech - Industry & Factory HTML Template </title>
    
    <link href="./../../assets/css/themify-icons.css" rel="stylesheet">
    <link href="./../../assets/css/flaticon.css" rel="stylesheet">
    <link href="./../../assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="./../../assets/css/animate.css" rel="stylesheet">
    <link href="./../../assets/css/owl.carousel.css" rel="stylesheet">
    <link href="./../../assets/css/owl.theme.css" rel="stylesheet">
    <link href="./../../assets/css/slick.css" rel="stylesheet">
    <link href="./../../assets/css/slick-theme.css" rel="stylesheet">
    <link href="./../../assets/css/swiper.min.css" rel="stylesheet">
    <link href="./../../assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="./../../assets/css/owl.transitions.css" rel="stylesheet">
    <link href="./../../assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="./../../assets/css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">

        <!-- start preloader -->
        <div class="preloader">
            <div class="loader">
                <div class="gear two">
                    <svg viewbox="0 0 100 100" fill="#131e4a">
                        <path d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6      c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3      l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9      c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z"></path>
                    </svg>
                </div>
                <div class="gear three">
                    <svg viewbox="0 0 100 100" fill="#fd5f17">
                        <path d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6      c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3      l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9      c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z"></path>
                    </svg>
                </div>
            </div>
        </div>
        <!-- end preloader -->

        <!-- Start header -->
        <header id="header" class="site-header header-style-1">
            <nav class="navigation navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="open-btn">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html"><img src="./../../assets/images/logo.png" alt></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse navigation-holder">
                        <button class="close-navbar"><i class="ti-close"></i></button>
                        <ul class="nav navbar-nav">
                           <li><a href="/">首页</a></li>
 <li class="menu-item-has-children">
                                <a href="/pages/abouts/jianjie.html">关于我们</a>
                                <ul class="sub-menu">
                                    <li><a href="/pages/abouts/jianjie.html">简介</a></li>
                                    <li><a href="/pages/abouts/rongyu.html">荣誉</a></li>
                                    <li><a href="/pages/abouts/wenhua.html">文化</a></li>
                                    <li><a href="/pages/abouts/lishi.html">历史</a></li>
                                  
                                </ul>
                            </li>                            
                            <li class="menu-item-has-children">
                                <a href="/pages/chuangxinfazhan/yanfazhongxin.html">创新发展</a>
                                <ul class="sub-menu">
                                    <li><a href="/pages/chuangxinfazhan/yanfazhongxin.html">研发中心</a></li>
                                    <li><a href="/pages/chuangxinfazhan/chuangxinchengguo.html">创新成果</a></li>
                                    <li><a href="/pages/chuangxinfazhan/kejirongyu.html">科技荣誉</a></li>
                                   
                                </ul>
                            </li>
                            
                            <li class="menu-item-has-children">
                                <a href="/pages/products/product1.html">产品与服务</a>
                                <ul class="sub-menu">
                                    <li><a href="/pages/products/product1.html">产品1</a></li>
                                    <li><a href="/pages/products/product2.html">产品2</a></li>
                                   
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="/pages/kcxfz/aqsc.html">可持续发展</a>
                                <ul class="sub-menu">
                                    <li><a href="/pages/kcxfz/aqsc.html">安全生产</a></li>
                                    <li><a href="/pages/kcxfz/lshb.html">绿色环保</a></li>
                                    <li><a href="/pages/kcxfz/jnjp.html">绿色能减</a></li>
                                   
                                </ul>
                            </li>
                            <li><a href="/pages/news/news.html">新闻中心</a></li>
                        </ul>
                    </div><!-- end of nav-collapse -->

                    <div class="search-contact">
                        <div class="header-search-area">
                            <div class="header-search-form">
                                <form class="form">
                                    <div>
                                        <input type="text" class="form-control" placeholder="Search here">
                                    </div>
                                    <button type="submit" class="btn"><i class="ti-search"></i></button>
                                </form>
                            </div>
                            <div>
                                <button class="btn open-btn"><i class="ti-search"></i></button>
                            </div>
                        </div>
                        <div class="contact">
                            <div class="call">
                                <i class="fi flaticon-call"></i>
                                <p>Call us anytime</p>
                                <h5>+65487441584</h5>
                            </div>
                            <a href="#" class="theme-btn">Contact us</a>
                        </div>
                    </div>
                </div><!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->


        <!-- start page-title -->
        <section class="page-title">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <h2>Project single</h2>
                    </div>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>        
        <!-- end page-title -->


        <!-- start portfolio-sigle-section -->
        <section class="portfolio-sigle-section section-padding">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="project-single-content">
                            <div class="img-holder">
                                <img src="./../../assets/images/project-single/img-1.jpg" alt>
                            </div>
                            <div class="content-area">
                                <div class="project clearfix">
                                    <div class="project-info">
                                        <h3>Information</h3>
                                        <ul>
                                            <li><span>Client:</span> Jonathon</li>
                                            <li><span>Location:</span> Nastic street austira</li>
                                            <li><span>Date:</span> Oct 17, 2019</li>
                                            <li><span>Catetory:</span> Business, Industrial</li>
                                            <li><span>Time:</span> 1 Month</li>
                                            <li><span>Tags:</span> Industrial, Service </li>
                                        </ul>
                                    </div>
                                    <div class="project-details">
                                        <h2>Industrial Project</h2>
                                        <p>Seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer</p>
                                        <p>Ptifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room</p>
                                    </div>
                                </div>

                                <div class="challange-solution-section">
                                    <div>
                                        <h3>The Challange Was</h3>
                                        <p>His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table samsa was a travelling salesman</p>
                                        <ul>
                                            <li><i class="ti-check"></i>spread out on the table samsa was a travelling salesman</li>
                                            <li><i class="ti-check"></i>human room although a little too small</li>
                                        </ul>
                                    </div>
                                    <div>
                                        <h3>Our solutions Was</h3>
                                        <p>His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table samsa was a travelling salesman</p>
                                        <ul>
                                            <li><i class="ti-check"></i>spread out on the table samsa was a travelling salesman</li>
                                            <li><i class="ti-check"></i>human room although a little too small</li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="prev-next-project">
                                    <div>
                                        <a href="#">
                                            <div class="icon">
                                                <i class="ti-angle-left"></i>
                                            </div>
                                            <span>Previous project</span>
                                            <h5>Logistic Project</h5>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#">
                                            <div class="icon">
                                                <i class="ti-angle-right"></i>
                                            </div>
                                            <span>Next project</span>
                                            <h5>Industrial project</h5>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end portfolio-sigle-section -->


        <!-- start cta-section -->
         <section class="cta-section">
            <div class="container">
                <div class="row">
                    <div class="col col-lg-6 col-md-6">
                        <div class="cta-text">
                            <h3>让我们取得联系！</h3>
                            <p>一段长长的描述内容，看看怎么填写</p>
                        </div>
                    </div>
                    <div class="col col-lg-5 col-lg-offset-1 col-md-6">
                        <div class="contact-info">
                            <div>
                                <i class="fi flaticon-call"></i>
                                <h4>电话</h4>
                                <p>+654894754</p>
                            </div>
                            <div>
                                <i class="fi flaticon-contact"></i>
                                <h4>邮箱</h4>
                                <p>demo@example.com</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end cta-section -->


        <!-- start site-footer -->
        <footer class="site-footer">
            
            <div class="lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="separator"></div>
                        <div class="col col-xs-12">
                            <p class="copyright">Copyright &copy; 2019 Dustech. All rights reserved.</p>
                            <div class="extra-link">
                                <ul>
                                    <li><a href="#">Privace & Policy</a></li>
                                    <li><a href="#">Terms</a></li>
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">FAQ</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end site-footer -->
    </div>
    <!-- end of page-wrapper -->



    <!-- All JavaScript files
    ================================================== -->
    <script src="./../../assets/js/jquery.min.js"></script>
    <script src="./../../assets/js/bootstrap.min.js"></script>

    <!-- Plugins for this template -->
    <script src="./../../assets/js/jquery-plugin-collection.js"></script>

    <!-- Custom script for this template -->
    <script src="./../../assets/js/script.js"></script>
</body>
</html>
